<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <!-- 二维码 -->
    <script src="js/jquery.qrcode.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/leftNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/personal.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <script src="js/component.js"></script>
    <script src="js/page/personal.js"></script>

    <!--各种图-->
    <script type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>

<div id="main">
    <div class="content">
        <!--头像和菜单-->
        <div id="my-info" v-cloak="">
            <personal-menu-content  :is-two="true"></personal-menu-content>
        </div>

        <!--具体内容显示-->
        <div id="info-list">
            <!--关注块-->
            <div class="attention-box my-box">
                <!--资讯标签导航条-->
                <div id="information-nav"  v-cloak="">
                    <nav class="navbar" id="nav-line">
                        <div class="padding-0">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#information-list" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <!--<a class="navbar-brand" href="#"></a>-->
                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="information-list">
                                <ul class="nav navbar-nav navbar-left">
                                    <!--<li class="news-nav nav-active" @click="changeNews('1',$event)"><a href="#">24H快讯<span class="sr-only">(current)</span></a></li>-->
                                    <li class="news-nav nav-active" type="4" @click="changeNews('4',$event)"><a href="#"><span class="news-nav-name font-hover-blue">精选资讯</span><span  class="news-nav-num"></span></a></li>
                                    <li class="news-nav" @click="changeNews('2',$event)" type="2" ><a href="#"><span class="news-nav-name font-hover-blue">微博</span><span  class="news-nav-num"></span></a></li>
                                    <li class="news-nav" @click="changeNews('3',$event)" type="3" ><a href="#"><span class="news-nav-name font-hover-blue">Twitter</span><span  class="news-nav-num"></span></a></li>
                                    <li class="news-nav" @click="changeNews('5',$event)" type="5" ><a href="#"><span class="news-nav-name font-hover-blue">技术分析</span><span  class="news-nav-num"></span></a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div><!-- /.container-fluid -->
                    </nav>

                    <!--关注的人-->
                    <div class="msg-list">
                        <div class="next-btn" @click="blockSilder('next',$event)"><img src="image/you.png"  width="10px" height="20px" @mouseEnter="hightShow(1,$event)" @mouseLeave="remHightShow(1,$event)"></div>
                        <div class="prev-btn" @click="blockSilder('prev',$event)"><img src="image/zuo.png" width="10px" height="20px" @mouseEnter="hightShow(0,$event)" @mouseLeave="remHightShow(0,$event)"></div>
                        <div class="item-group">
                            <div class="item-box">
                                <div class="item-info" v-for="item in followList" v-cloak="">
                                    <div class="text-center"><img  :title="item.fullUsername"  :src="item.userImg" class="item-box-img pointer" :value="item.id" @click="goPersonalMain" onerror="imgLoadError()"></div>
                                    <div class="item-box-name pointer" :title="item.fullUsername" :value="item.id" @click="goPersonalMain" v-cloak="">{{ item.username }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--没有关注人-->
                    <div class="noUserData hidden">暂无信息</div>

                    <!--没有登录显示-->
                    <div class="no-login hidden">暂无信息</div>

                </div>

                <!--资讯标签内容-->
                <div class="information-box">
                    <!--精选资讯-->
                    <div  id="sift-information" class="news-box">
                        <sift-content v-for="(item,index) in siftBlock" :key="index" :item="item" :index="index" :sift-block="siftBlock"></sift-content>

                        <div class="noData hidden">暂无信息</div>
                        <div class="loadData">数据加载中...</div>
                    </div>

                    <!--twitter-->
                    <div  id="twitter-information" class="news-box teshu-box hidden" >
                        <twitter-content v-for="(item,index) in twitterBlock" :key="index" :item="item" :index="index" :twitter-block="twitterBlock"></twitter-content>

                        <div class="noData hidden">暂无信息</div>
                        <div class="loadData">数据加载中...</div>
                    </div>

                    <!-- 微博 -->
                    <div  id="blog-information" class="news-box teshu-box hidden">
                        <blog-content v-for="(item,index) in blogBlock" :key="index" :item="item" :index="index" :blog-block="blogBlock" :large-img="largeImg"></blog-content>

                        <div class="noData hidden">暂无信息</div>
                        <div class="loadData">数据加载中...</div>
                    </div>

                    <!--技术分析-->
                    <div  id="skill-information" class="news-box hidden">
                        <skill-content v-for="(item,index) in skillBlock" :key="index" :item="item" :index="index" :skill-block="skillBlock" ></skill-content>

                        <div class="noData hidden">暂无信息</div>
                        <div class="loadData">数据加载中...</div>
                    </div>

                </div>
            </div>

        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>


<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div type="button" class="pointer close-btn" data-dismiss="modal"><img src="image/largeClose.png" @mouseEnter="btnIn(2)" @mouseLeave="btnOut(2)"> </div>
                <div class="left-btn " @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"><img src="image/largeLeft.png"></div>
                <div class="right-btn " @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"><img src="image/largeRight.png"></div>
                <img :src="imgUrl" class="curr-img" :index="index">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

<div id="warnMsg" ><span>已复制分享链接到剪贴板</span></div>

</body>
</html>
